<template>
  <div class="legend-row">
    <div class="row"><span>风险等级:</span></div>
    <div class="row" title="村庄">
      <div class="circle" style="background: #E22222" />
      <span>极危险</span></div>
    <div class="row" title="村庄">
      <div class="circle" style="background: #FF8D0C" />
      <span>危险</span></div>
    <div class="row" title="村庄">
      <div class="circle" style="background: #F0C90B" />
      <span>警戒</span></div>
    <div class="row" title="村庄">
      <div class="circle" style="background: #00B2FF" />
      <span>关注</span></div>
  </div>
</template>

<style scoped lang="less">
  @import "./legend";
</style>
